<template>
	<view class="transfer">
		<navbar title="转移接续"></navbar>
		<view class="cate acea-row row-around row-middle">
			<view class="item" :class="type==0?'on':''" @click="typeClick(0)">我要申请</view>
			<view class="item" :class="type==1?'on':''" @click="typeClick(1)">申请记录</view>
		</view>
		
		<block v-if="type==0">
			<view class="p30 name">
				<view>{{ userdata.real_name }}，您好，</view>
				<view>系统显示您没有可办理转移接续的账户</view>
			</view>
			
			<view class="banli">立即办理</view>
			
			<view class="p30" style="line-height: 50rpx;margin-top: 100rpx;">
				<view class="title">1.什么是异地转移接续？</view>
				<view class="subtitle">异地转移接续是指缴存职工将原异地缴存的公积金转移至当前所在地的公积金中心。</view>
			</view>
			<view class="p30" style="line-height: 50rpx;">
				<view class="title">2.什么情况下可办理异地转移接续？</view>
				<view class="subtitle">您拟转出的公积金账户处于封存状态，且封存满6个月一上，转入中心有正常缴存的公积金账户即可办理异地转移接续，因各地政策或有不一致，您可咨询转入转出中心了解异地转移接续详细要求。</view>
			</view>
		</block>
		<block v-if="type==1">
			
		</block>
		
		
		
	</view>
</template>

<script>
	import navbar from '../../components/navbar.vue'
	import{
		userData
	} from '@/api/user.js'
	export default {
		components:{
			navbar
		},
		data() {
			return {    
				type:0,
				userdata: [],
			};
		},
		onShow() {
			this.getdata();
		},
		methods:{
			typeClick(val){
				this.type = val;
			},
			getdata(){
				userData().then(res=>{
					this.userdata = res.data.userData;
				})
			},
		}
	}
</script>

<style lang="scss">
	.transfer{
		
		.cate{
			width: 100%;
			padding: 10rpx;
			background-color: #ffffff;
			border-bottom: 4rpx solid #e1e1e1;
			
			.item{
				width: 150rpx;
				line-height: 70rpx;
				text-align: center;
				font-size: 30rpx;
				font-weight: bold;
				color: #010101;
				
				&.on{
					border-bottom: 4rpx solid #3165DD;
					color: #3165DD;
				}
			}
		}
		
		.name{
			line-height: 50rpx;
			font-size: 30rpx;
			font-size: #010101;
			font-weight: bold;
		}
		
		.banli{
			width: 600rpx;
			height: 90rpx;
			text-align: center;
			line-height: 90rpx;
			background-color: #D1CFCF;
			border-radius: 50rpx;
			color: #010101;
			margin: 50rpx auto;
			font-size: 30rpx;
			font-weight: bold;
		}
		
		.title{
			color: #010101;
			font-size: 28rpx;
			font-weight: bold;
		}
		.subtitle{
			font-size: 28rpx;
			color: #999999;
		}
		
		
		
		
	}
</style>
